// 获取所有的分类
const getCategory = function () {
    request({
        type: 'get',
        url: '/admin/category/list',
        success: (res) => {
            // console.log(res);
            if (res.code === 200) {
                // 调用模板
                const htmlStr = template('template_list', res)
                // 渲染页面
                $('.table tbody').html(htmlStr);
            }
        }
    })
}
// 调用函数
getCategory();

// 点击删除列表信息
const deleteCategory = function () {
    // 事件委托进行点击事件
    $('.table tbody').on('click', '.btn-danger', function () {
        // console.log(1111);
        // 根据id进行删除行:记得转数字
        const id = parseInt($(this).attr('date-id'));
        // console.log(id, typeof id);
        // 发送请求
        request({
            type: 'post',
            url: '/admin/category/delete',
            //记得传递的是对象和字符串,按文档转化
            //错误的 data: id ,
            data: { id },
            success: function (res) {
                // console.log(res);
                // 成功后重新渲染页面
                if (res.code === 204) {
                    alert(res.msg)
                    // 调用函数
                    getCategory();
                }
            }
        })
    })

}
// 调用函数
deleteCategory();


// ****点击编辑弹框
function editCategory(data) {
    // console.log(data);
    // 定义全局id
    this.id = data.id;
    // console.log(this);//this=window
    // 数据回显
    $('#name').val(data.name);
    $('#slug').val(data.slug);
    // 修改模态框的标题
    $('.modal-title').html('文章类别编辑修改');
    // 弹出模态框
    $('#loginModal').modal('show');
};
// ***点击增加弹框
function addCategory() {
    // 数据清空
    $('#name').val('');
    $('#slug').val('');
    this.id = null;
    // 修改模态框的标题
    $('.modal-title').html('文章类别新增');
    // 弹出模态框
    $('#loginModal').modal('show');
};

// ***根据id判断弹出框的归属

function saveCategory() {
    const id = this.id;
    // 获取修改数据
    const name = $('#name').val();
    const slug = $('#slug').val();
    // console.log(name, slug);
    if (id) {
        // ***属于修改的弹出框
        // 发送请求
        request({
            type: 'post',
            url: '/admin/category/edit',
            //记得传递的是对象和字符串,按文档转化
            //错误的 data: id ,
            data: { id, name, slug },
            success: function (res) {
                // console.log(res);
                // 修改成功
                if (res.code === 200) {
                    alert(res.msg)
                    // 重新渲染列表信息
                    getCategory();
                }
            }
        })
    } else {
        // ***属于新增的弹出框
        // 发送请求
        request({
            type: 'post',
            url: '/admin/category/add',
            //记得传递的是对象和字符串,按文档转化
            //错误的 data: id ,
            data: { name, slug },
            success: function (res) {
                // console.log(res);
                // 创建成功
                if (res.code === 201) {
                    alert(res.msg)
                    // 重新渲染列表信息
                    getCategory();
                }
            }
        })
    }
}











